

import 'package:flutter/material.dart';
import 'package:nft_shop/market/model/models.dart';
import 'package:nft_shop/net/service_repository.dart';
import 'package:nft_shop/res/constant.dart';
import 'package:nft_shop/res/global.dart';
import 'package:nft_shop/widgets/my_app_bar.dart';
import 'package:nft_shop/widgets/status_view.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';

class WorksTransactionRecordsPage extends StatefulWidget {
  int id;
  int type; //1.交易记录 2.抽取记录

  WorksTransactionRecordsPage({Key? key,required this.id,required this.type}) : super(key: key);

  @override
  _WorksTransactionRecordsPageState createState() => _WorksTransactionRecordsPageState();
}

class _WorksTransactionRecordsPageState extends State<WorksTransactionRecordsPage> with AutomaticKeepAliveClientMixin{
  /// 分页第一页页码
  static const int pageNumFirst = 1;
  /// 当前第几页
  int currentPageNum = pageNumFirst;
  /// 分页条目数量
  int pageSize = 20;
  /// 页面数据
  List list = [];
  ///状态
  int _status = LoadStatusType.loading;

  ///刷新组件
  RefreshController refreshController = RefreshController(initialRefresh: false);

  int get status => _status;

  set status(int value) {
    _status = value;
    setState(() {

    });
  }

  @override
  bool get wantKeepAlive => true;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    refresh();
  }

  //获取数据
  Future<List> loadData({int? pageNum}) async {
    if(widget.type == 1){
      return await ServiceRepository.goodsLog(page: pageNum!, pageSize:pageSize, id:widget.id);
    }else{
      return await ServiceRepository.specialMangLog(page: pageNum!, pageSize:pageSize, id:widget.id);
    }
  }

  /// 下拉刷新
  ///
  /// [init] 是否是第一次加载
  /// true:  Error时,需要跳转页面
  /// false: Error时,不需要跳转页面,直接给出提示
  Future<List?> refresh({bool init = false}) async {
    try {
      currentPageNum = pageNumFirst;
      var data = await loadData(pageNum: pageNumFirst);
      if (data.isEmpty) {
        refreshController.refreshCompleted(resetFooterState: true);
        list.clear();
        status = LoadStatusType.empty;
      } else {
        list.clear();
        list.addAll(data);
        refreshController.refreshCompleted();
        // 小于分页的数量,禁止上拉加载更多
        if (data.length < pageSize) {
          refreshController.loadNoData();
        } else {
          //防止上次上拉加载更多失败,需要重置状态
          refreshController.loadComplete();
        }
        status = LoadStatusType.success;
      }
      return data;
    } catch (e, s) {
      /// 页面已经加载了数据,如果刷新报错,不应该直接跳转错误页面
      /// 而是显示之前的页面数据.给出错误提示
      if (init) list.clear();
      refreshController.refreshFailed();
      status = LoadStatusType.empty;
      // setError(e, s);
      return null;
    }
  }

  /// 上拉加载更多
  Future<List?> loadMore() async {
    try {
      var data = await loadData(pageNum: ++currentPageNum);
      if (data.isEmpty) {
        currentPageNum--;
        refreshController.loadNoData();
      } else {
        list.addAll(data);
        if (data.length < pageSize) {
          refreshController.loadNoData();
        } else {
          refreshController.loadComplete();
        }
        setState(() {

        });
      }
      return data;
    } catch (e, s) {
      currentPageNum--;
      refreshController.loadFailed();
      return null;
    }
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: MyAppBar(
        centerTitle: widget.type == 1?"交易记录":"抽取记录",
      ),
      body: Builder(
        builder: (context) {
          if(status != LoadStatusType.success){
            return StatusViews(status);
          }
          return ListView.builder(
            itemCount: list.length,
            physics: const AlwaysScrollableScrollPhysics(),
            itemBuilder: (_, index) => _recordsItem(list[index]),
          );
        }
      )
    );
  }

  Widget _recordsItem(OrderList model){
    return Container(
      padding: EdgeInsets.symmetric(horizontal: 15,vertical: 15),
      decoration: BoxDecoration(
        border: Border(
          bottom: Divider.createBorderSide(context,
              color: Global.kTheme.colorLine, width: 1),
        )
      ),
      child: Row(
        children: [
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(model.nickname??"",style: TextStyle(fontSize: 12,color: Global.kTheme.textPrimary1,fontFamily: Global.mySemiboldFont),),
              SizedBox(height: 1,),
              Text(model.createTime??"",style: TextStyle(fontSize: 12,color: Global.kTheme.textPrimary3,fontFamily: Global.mySemiboldFont),),
            ],
          ),
          Spacer(),
          Text(widget.type == 1?model.content??"":"抽中${model.title}",style: TextStyle(fontSize: 12,color: Global.kTheme.textPrimary1,fontFamily: Global.mySemiboldFont),)
        ],
      ),
    );
  }

}
